<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>文本插值</title>
    </head>
    <body>
        <div id="app">
            <div v-bind:id="dynamicId"></div>
            <button v-bind:disabled="isButtonDisabled">Button</button>
        </div>

        <script type="module">
            import Vue from '../vue.esm.browser.js'
        
            const app = new Vue({
                el: '#app',
                data: {
                    dynamicId: 'box',
                    isButtonDisabled: null
                }
            })
        </script>

        <style>
            #box {
                width: 200px;
                height: 100px;
                background-color: royalblue;
            }
        </style>
    </body>
</html>